@import "base/reset";
@import "base/base";
@import "base/color";

/* 自定义主题色 */
.el-menu{
  border-right: none;
  .el-menu-item{
    background: #000c17!important;
    color: rgb(172, 172, 172)!important;
  }
  
  .el-menu-item.no-child{
    background: #001529!important;
    color: white!important;
  }
  .el-menu-item.is-active{
    background: $red2!important;
    color: white!important;
  }
  .el-menu-item:hover{
    color: white!important;
  }
}
/* 自定义主题色 */
.el-tabs{
  .el-tabs__item{
    font-size: 15px;
  }
  .el-tabs__item.is-active{
    color: $red2;
  }
  .el-tabs__active-bar{
    background-color: $red2;
  }
  .el-tabs__item:hover{
    color: $red2;
  }
}

.el-divider{
  background-color: #f0f0f0;
}

.el-dialog__wrapper{margin: 0 auto;}
.el-select{width: 120px;}
.el-select-dropdown__item.hover{background: #3C9BFB;color: #fff}
.clearfix:after{clear: both;content: ''}
.el-table .disable-row {
  background: #E9E9E9;
}
.el-table .active-row {
  background: #D1E7FF;
}
.el-table--enable-row-hover .el-table__body tr.active-row:hover>td{
  background: #D1E7FF;
}
.red-row,.el-table .red-row {
  background: #FFCFCF!important;
}
.el-table--enable-row-hover .el-table__body tr.red-row:hover>td{
  background: #FFCFCF;
}
.el-table .green-row {
  background: #B1E3BF;
}
.el-table--enable-row-hover .el-table__body tr.green-row:hover>td{
  background: #B1E3BF;
}
.el-table__body-wrapper{
  overflow:hidden;
}
.el-form--label-top .el-form-item__label{padding: 0;}
.el-button a{color: #5a5e66;}
.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload:hover {
  border-color: #409EFF;
}
.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 140px;
  height: 100px;
  line-height: 100px;
  text-align: center;
}
.avatar {
  width: 140px;
  height: 140px;
  display: block;
}
.main{
  //background: #F5F7FC;
  background: #fff;
  .container{
    padding: 20px;
    min-width: 920px;
  }
}

.bottom-row{
  background: #fff;
  overflow: hidden;
  padding-top: 16px;
  padding-bottom: 25px;
  border: 1px solid #e6ebf5;
  border-top: none;
  text-align: center;
}
//.el-checkbox__label{display: none}
.table-head {
  padding-top: 10px;
  background: #fff;
  overflow: hidden;
  border-bottom: none;
  padding-bottom: 10px;
  .search-top {
    margin-bottom: 10px;
    .input{
      height: 30px;
      width: 133px;
      background-color: #fff;
      background-image: none;
      border-radius: 4px;
      border: 1px solid #d8dce5;
      color: #5a5e66;
      padding: 0 15px;
      margin-right: 10px;
    }
  }
  .search-bottom{
    margin-bottom: 20px;
  }
}
.detail{
  cursor: pointer;color: #28A4FA;
}

.el-table--striped{
  tr, th{
    background: #F8F9FD;
    .mycheckbox{
      .el-checkbox.is-bordered{
        background: #B8C6D6;
        &.is-checked{
          background: #67BA2F;
          border-color: #67BA2F;
        }
        .el-checkbox__label{
          color: #fff;
        }
        .el-checkbox__inner {
          background-color: #fff;
          border-color: #fff;
          &::after {
            border-color: #67BA2F;
          }
        }
      }
    }
  }
  th{background: #F0F1F6;}
  .el-table__body tr.el-table__row--striped td{
    background: #F0F1F6;
  }
}
.product-bread{
  color: #4f4f4f;
  margin: 10px 0;
}
.tab-title{
  color: #28A4FA;
  border-left: 3px solid #28A4FA;
  padding-left: 4px;
  line-height: 12px;
}
.preview{
  .reason{
    margin: 20px 0;
  }
  .plan-detail{
    width: 340px;
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
  }
  .insure-w{
    margin-bottom: 20px;
    .tab-title{margin-bottom: 15px;}
    .p{line-height: 20px}
    .insure-title{margin-top: 10px;}
    .insure{
      b{
        text-decoration: underline;
      }
    }
  }
}

.el-input--prefix .el-input__inner {
  padding-left: 44px
}

.el-input{
  width: 150px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.el-select{
  width: 150px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.el-date-editor{
  width: 265px!important;
  margin-right: 10px;
  margin-bottom: 10px;
}

.yi {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  line-height: inherit;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.yi1 {
   @extend .yi;
  background: #848484;

}

.yi2 {
   @extend .yi;
  background: #fead00;
}

.yi3 {
     @extend .yi;
  background: #ed4646;
}
.yi4 {
     @extend .yi;
  background: #5ed57b;
}
.yi5 {
   @extend .yi;
  background: #156e3f;
}

//新增-2019-06-21
.search-nav{
  margin: 30px 10px;
}
.flex-start{
  display: flex;
  justify-content: flex-start;
  margin: 30px 0;
  li{
    width: 120px;
    text-align: center;
    cursor: pointer;
  }
}
.activity{
  color: #b1e3bf;
}
.table-img{
  width: 100px;
  height: 100px;
  display: block;
  margin: 0 auto;
}
.chat-head{
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 auto;
  border-radius: 50%;
}
.margin-20{
  margin: 20px 0;
}
.keywords-list {
  display: flex;
  margin: 0 10px;
  li{
    /*width: 60px;*/
    height: 28px;
    line-height: 28px;
    position: relative;
    background: #f0f2f5;
    font-size: 12px;
    text-align: center;
    padding: 0 6px;
    span{
      position: absolute;
      right: -10px;
      top: -9px;
      cursor: pointer;
    }
  }
}
.flex-ul{
  display: flex;
  margin: 20px 0;
  li{
    background: #b1e3bf;
    line-height: 36px;
    margin: 0 6px;
    padding: 0 16px;
    position: relative;
    span{
      position: absolute;
      font-size: 12px;
      cursor: pointer;
      right: 3px;
      top: -10px;
    }
  }
}
.pointer{
  cursor: pointer;
}

.page-title{
  padding: 20px 20px 0;
  cursor: default;
  font-size:16px;
  font-family:PingFangSC-Medium,PingFang SC;
  font-weight:500;
  color:rgba(85,85,85,1);
  line-height:22px;
}

.gray-disabled {
  cursor: not-allowed;
  color: darkgray;
}

.centerBtn{
  display: block;
  margin: 30px auto;
}

.margin-r-10{
  margin-right: 10px;
}

.margin-l-10{
  margin-left: 10px;
}

a{
  color: $red2;
}
a:hover{
  color: $red2;
}
a::after{
  color: $red2;
}